<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no" media="(device-height: 568px)">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="HandheldFriendly" content="True">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title></title>
    <link rel="stylesheet" type="text/css" media="all" href="../css/reset.css" />
    <link rel="stylesheet" type="text/css" media="all" href="../css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" media="all" href="../css/style.css" />

    <script type="text/javascript" src="../js/common/jquery-2.1.1.min.js"></script>
    <script src="../js/common/swiper.jquery.js" type="text/javascript"></script>
    <script type="text/javascript" src="../js/common/jquery.SuperSlide.2.1.1.js"></script>
    <script src="../js/common/js.js" type="text/javascript"></script>
    <style type="text/css">
    	.comList{border-bottom:1px solid rgb(230,230,230)}
    </style>
</head>

<body style="background:#fff;">
    <!-- 顶部 -->
    <div class="header">
        <a href="fox://setBack" class="hele"></a>
        <h1 class="hetitle">注册</h1>
    </div>
    <!-- 搜索结果内容 -->
    <div id="page" class="page m2">
    	<div class="reg_inpd">
			<img src="../img/reg_inpdpic1.png" alt="" class="reg_inpdpic" />
			<p class="reg_intitel">手机号：</p>
    		<div class="reg_inlr">
    			<input type="text" class="reg_input" placeholder="请输入手机号"/>
    		</div>
    	</div>
    	<div class="reg_inpd">
			<img src="../img/reg_inpdpic2.png" alt="" class="reg_inpdpic" />
			<p class="reg_intitel">验证码：</p>
    		<div class="reg_inlr">
    			<input type="text" class="reg_input" placeholder="请输入验证码" style="width:calc(100% - 2rem)"/>
    			<button class="reg_button" id="second" onclick="gogetDate()">获取验证码</button>
    		</div>
    	</div>
    	<div class="reg_inpd">
			<img src="../img/reg_inpdpic3.png" alt="" class="reg_inpdpic" />
			<p class="reg_intitel">密码：</p>
    		<div class="reg_inlr">
    			<input type="password" class="reg_input" placeholder="请输入登录密码"/>
    			<a href="javascript:;" class="reg_link on" data-num="2"></a>
    		</div>
    	</div>
    	<button class="submit">注册</button>
    </div>

</body>
<script type="text/javascript">
    $(function () {
    	$(".reg_link").click(function(){
    		var num = $(this).attr("data-num")
    		if(num == 1){
    			$(this).addClass("on").attr("data-num",2).siblings(".reg_input").attr("type","password");
    		}else{
    			$(this).removeClass("on").attr("data-num",1).siblings(".reg_input").attr("type","text");
    			
    		}
    	})
    })
    
    //获取验证码倒计时
    function gogetDate(){
		var sec = document.getElementById("second");
		var i = 60;
		var timer = setInterval(function(){
		    i--;
		    sec.innerHTML = i + "秒重新获取";
		    if(i > 0){
		    	$("#second").attr('disabled',true);
		    }
		    else if(i==0){
		     	sec.innerHTML = '重新获取验证码';
		      	clearInterval(timer);
	    		$("#second").attr('disabled',false);
		    }
	 	},1000);
	}
</script>

</html>